<!DOCTYPE html>

<html>

<head>
	<title>Discussions</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="lib.css">
</head>


<body>

<form class="choices modal" method="get" action="reg02.html">
	<h1>Join the community to participate in discussions.</h1>
	<div style="position:relative;">
	<fieldset class="columnA twocolumn">
		<h2>I'm already a member</h2>
		<ul>
			<li>
				<label for="un">Email</label>
				<input type="text" id="un" />
			</li>
			<li>
				<label for="pw">Password</label>
				<input type="password" id="pw" />
			</li>
		</ul>			
		<input type="button" value="Sign in" onclick="alert('This form will sign you in, and return you to your original action or page.');"/>
		<p>
			<a href="#" onclick="alert('This link will lead to the account recovery process.');">I forgot my email or password</a>
		</p>
	</fieldset>
	<fieldset class="columnB twocolumn">
		<h2>Not a member yet?</h2>
		<input type="submit" value="Join the community"/>
	</fieldset>
	</div>
	<input type="button" value="X" class="close" onclick="window.location.href='dis01.html';" />
</form><!-- .choices -->
	
</body>
</html>